<%@ page language="java" contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator" prefix="decorator"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" href="<c:url value="/resources/favicon.ico" />" />
<link rel="icon" type="image/gif" href="<c:url value="/resources/animated_favicon.gif" />" />
<link href="<c:url value="/resources/css/estilos.css" />" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/css/tablas.css" />" rel="stylesheet" type="text/css" />
<!--[if IE 9]>
<link href="<c:url value="/resources/css/ie9only.css" />" rel="stylesheet" type="text/css" />
<![endif]-->
<link href="<c:url value="/resources/css/jquery-ui/vader/jquery-ui-1.8.16.custom.css" />" rel="stylesheet" type="text/css" />
<link href="<c:url value="/resources/css/jquery-ui/jquery-ui-pgn.css" />" rel="stylesheet" type="text/css" />
<script type="text/javascript">
	var RUTA_CONTEXTO = '<%=request.getContextPath()%>';
</script>
<script src="<c:url value="/resources/js/jquery-1.6.4.min.js" />" type="text/javascript"></script>
<script src="<c:url value="/resources/js/jquery-ui-1.8.16.custom.min.js" />" type="text/javascript"></script>
<!--[if lte IE 8]>
<script src="<c:url value='/resources/js/jquery.corner.js' />" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
	$(document).ready(function(){
		$(".tablaEstaciones caption").corner('top 10px');
		$(".celdaGlp").corner('5px');
		$(".celdaGnv").corner('5px');
		$(".btn-consultar").corner('3px');
		$(".btn-regenerar").corner('3px');
		$(".btn").corner('6px');
	});	
</script>
<![endif]-->
<decorator:head />
<title><decorator:title/></title>
</head>
<body>
	<c:choose>
		<c:when test="${sessionScope.usuarioSistema!=null}">
		<div id = "principal">
			<div id = "cabecera">
				<div id="logoEmpresa">
					<img src="<c:url value="/resources/img/gazel.png" />" width="100" height="75" alt="" title="" />
				</div>
				<div id="nombre-proyecto">Consolidador de Ventas</div>
				<div id="userbox">
					<div class="inner">
						<strong><c:out value="${sessionScope.usuarioSistema.username}" /></strong>
					</div>
					<a class="logout" href="cerrarSesion.php">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				</div>	
			</div>	
			<div id = "menu">
				<div class="lista-botones">
				<div class="menu-item">
			 		<a href="consultaEnvios.php" class="icono icono-envios">Estado Envios</a>
			 	</div>
			 	<div class="menu-item">
			 		<a href="listarEstaciones.php" class="icono icono-estaciones">Estaciones</a>
			 	</div>
			 	<div class="menu-item">
			 		<a href="gestionRecargas.php" class="icono icono-recargas">Recargas</a>
			 	</div>
			 	<!--
			 	<div class="menu-item">
			 		<a href="consultaVentas.php" class="icono icono-reportes">Reportes</a>
			 	</div>
			 	-->
			 	<div style="clear:both"></div>
				</div>
			</div>			
			<div id = "contenido">
				<decorator:body />
			</div>
			<div id="barra"></div>
			<div id ="footer">Peruana de Gas Natural 2011 S.A.C. Todos los derechos reservados</div>
		</div>
		</c:when>
		<c:otherwise>
			 <script language="javascript">window.location.href="login.php";</script>
		</c:otherwise>
	</c:choose>
</body>
</html>